Skip to content

feat: Input improvements#763

Open
rohanchkrabrty wants to merge 1 commit intomainfrom
worktree-rename-inputfield-to-input
Open

feat: Input improvements#763
rohanchkrabrty wants to merge 1 commit intomainfrom
worktree-rename-inputfield-to-input

Conversation

@rohanchkrabrty
Copy link
Copy Markdown
Contributor

Summary

  • Rename the InputField component to Input across the package, including types, files, and directory (input-fieldinput).
  • Update consumers (DatePicker, RangePicker, Search, Combobox, Command, ColorPicker, FilterChip) and rename DatePicker.inputFieldPropsinputProps and RangePicker.inputFieldsPropsinputsProps.
  • Rename InputFieldPropsInputProps.
  • Update docs, demos, playground examples, and Figma Code Connect mappings; refresh the V1 migration guide.
  • No runtime behavior changes — the Base UI Input primitive was already in use.

Renames the InputField component to Input across the codebase, including:
- Component, type, and file/directory renames
- Updates to consumers (DatePicker, RangePicker, Search, Combobox, Command,
  ColorPicker, FilterChip)
- DatePicker.inputFieldProps -> inputProps; RangePicker.inputFieldsProps -> inputsProps
- InputFieldProps -> InputProps
- Documentation, demos, playground, and Figma Code Connect updates
- V1 migration guide updated to reflect the rename

The Base UI Input primitive (@base-ui/react/input) was already in use; no
runtime behavior changes.
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 29, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
apsara Ready Ready Preview, Comment Apr 29, 2026 8:48pm

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 29, 2026

Warning

Rate limit exceeded

@rohanchkrabrty has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 25 minutes and 45 seconds before requesting another review.

To keep reviews running without waiting, you can enable usage-based add-on for your organization. This allows additional reviews beyond the hourly cap. Account admins can enable it under billing.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 9bc2d67f-c088-4222-b34b-014f3a4a82df

📥 Commits

Reviewing files that changed from the base of the PR and between fddcf49 and d88cfc7.

📒 Files selected for processing (36)
  • apps/www/src/app/examples/page.tsx
  • apps/www/src/components/demo/demo-controls.tsx
  • apps/www/src/components/playground/field-examples.tsx
  • apps/www/src/components/playground/fieldset-examples.tsx
  • apps/www/src/components/playground/form-examples.tsx
  • apps/www/src/components/playground/index.ts
  • apps/www/src/components/playground/input-examples.tsx
  • apps/www/src/content/docs/(overview)/index.mdx
  • apps/www/src/content/docs/components/calendar/props.ts
  • apps/www/src/content/docs/components/command/index.mdx
  • apps/www/src/content/docs/components/field/demo.ts
  • apps/www/src/content/docs/components/field/index.mdx
  • apps/www/src/content/docs/components/fieldset/demo.ts
  • apps/www/src/content/docs/components/fieldset/index.mdx
  • apps/www/src/content/docs/components/form/demo.ts
  • apps/www/src/content/docs/components/form/index.mdx
  • apps/www/src/content/docs/components/input/demo.ts
  • apps/www/src/content/docs/components/input/index.mdx
  • apps/www/src/content/docs/components/input/props.ts
  • docs/V1-migration.md
  • packages/raystack/components/calendar/date-picker.tsx
  • packages/raystack/components/calendar/range-picker.tsx
  • packages/raystack/components/color-picker/color-picker-input.tsx
  • packages/raystack/components/combobox/combobox-input.tsx
  • packages/raystack/components/command/command-input.tsx
  • packages/raystack/components/filter-chip/filter-chip.module.css
  • packages/raystack/components/filter-chip/filter-chip.tsx
  • packages/raystack/components/input-field/index.tsx
  • packages/raystack/components/input/__tests__/input.test.tsx
  • packages/raystack/components/input/index.tsx
  • packages/raystack/components/input/input.module.css
  • packages/raystack/components/input/input.tsx
  • packages/raystack/components/search/__tests__/search.test.tsx
  • packages/raystack/components/search/search.tsx
  • packages/raystack/figma/input.figma.tsx
  • packages/raystack/index.tsx

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
Review rate limit: 0/1 reviews remaining, refill in 25 minutes and 45 seconds.

Comment @coderabbitai help to get the list of available commands and usage tips.

@rohanchkrabrty rohanchkrabrty changed the title refactor(input): rename InputField to Input chore: rename InputField to Input Apr 29, 2026
@rohanchkrabrty rohanchkrabrty changed the title chore: rename InputField to Input feat: Input improvements Apr 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants